* {
    margin: 0px;
    padding: 0px;
}

td{
    position: relative;
}

h1{
    font-family: Arial;
    font-size: 16pt;
    color: #555;
    text-align: center;
    margin: 30px 0px 20px 0px;
}

h2 {
    font-family: Arial;
    font-size: 12pt;
    color: #555;
    text-align: center;
    margin: 20px 0px 10px 0px;
}

a {
    color: #55e;
}

div.faq_header{
    position: relative;
    display: block;
    text-align: left;
    text-indent: 30px;
    margin-top: 15px;
}

div.faq_header .toggle, div.faq_header h2{
    position: relative;
    display: inline;
}

div.faq_header .toggle{
    padding: 1px 10px;
    margin: 0px 5px;
    cursor: pointer;
}

p.slide {
    display: none;
}

.up {
    background: url(../img/up.png) no-repeat;
}

.down {
    background: url(../img/down.png) no-repeat;
}

a:active {
    color: #c6e;
}

.color, .color * {
    color: #645d30;
}

h3 {
    font-family: Arial;
    font-size: 10pt;
    color: #555;
    text-align: center;
    margin: 5px 0px 5px 0px;
}

div.h {
    width: 590px;
    padding: 18px;
    background: url(../img/header_long.png) no-repeat;
    clear: left;
    margin-top: 15px;
}

div.h h2{
    margin: 0px;
    text-align: left;
    margin-bottom: 33px;
}

.border {
    border:3px solid #ddd;
}

.border_dark {
    border:3px solid #999;
}

img.style {
    margin: 10px 0px;
    border:3px solid #ddd;
    width: 250px;
    min-height: 170px;
    max-height: 200px; 
}


img.style_wd { /*without dimension*/
    margin: 10px 0px;
    border:3px solid #ddd;
}

img.left{
    float: left;
    clear:left;
    margin-right: 10px;
}

img.right{
    float: right;
    clear: right;
    margin-left: 10px;
}

img.center{
    position: relative;
    display: block;
    margin: 0px auto;
    clear: both;
}

p, ul {
    font-family: Arial;
    font-size: 10pt;
    color: #666;
    text-indent: 30px;
    text-align: justify;
    margin: 10px 0px 10px 0px;
}

ul {
    text-indent: 0px;
}

li{
    list-style-type: none;
    margin-left: 10px;
}

ul.decimal li{
    list-style-type: decimal;
    margin-left: 20px;
}

ul.disc li{
    list-style-type: disc;
    margin-left: 20px;
}

ul.latin li{
    list-style-type: lower-latin;
    margin-left: 20px;
}

img{
    border: 0px;
}

.black_bg {
    background: url(../img/black_bg.png) repeat;
}

.grey_bg {
    background: url(../img/grey_bg.png) repeat;
}

#logo {
    position: absolute;
    top: 0px;
    left: 0px;
}

#contacts {
    position: absolute;
    top: 90px;
    left:25px;
    font-family: Trebuchet MS;
    font-size: 11pt;
    color: #ddd;
}

#button_ornament_black {
    position: absolute;
    top: 5px;
    right:5px;
    width: 315px;
    height: 100px;
    background: url(../img/button_ornament_black.png) no-repeat;
}

#button_ornament_black:hover {
    background: url(../img/button_ornament_black_selected.png) no-repeat;
}

#button_ornament_black div{
    position: absolute;
}

#button_ornament_black div.caption1{
    top: 0px; 
    left:70px; 
    font-size: 10pt; 
    font-family: Trebuchet MS; 
    text-align: center;
    color: #aaa;
}

#button_ornament_black div.caption2{
    top: 15px; 
    left:37px; 
    font-size: 26pt; 
    font-family: Trebuchet MS; 
    text-align: center;
    color: #eee;
    text-shadow: 0px -1px 0px #222, 0px 1px 0px #fff;
}

#button_ornament_black div.caption3{
    top: 45px; 
    left:55px; 
    font-size: 20pt; 
    font-family: Trebuchet MS; 
    text-align: center;
    color: #eee;
    text-shadow: 0px -1px 0px #222, 0px 1px 0px #fff;
}

#button_ornament_black div.caption4{
    top: 80px; 
    left:40px; 
    font-size: 9pt; 
    font-family: Trebuchet MS; 
    text-align: center;
    color: #aaa;
}

.glance_black_line{
    background: url(../img/glance_black_line.png) repeat-x;
    height:17px;
}

.frame_light_big_left{
    /*background: url(../img/frame_light_big_left.png) repeat-y right;*/
}

.frame_shadow_left{
    /*background: url(../img/frame_shadow_left.png) repeat-y right;*/
}

.frame_light_small_left{
    /*background: url(../img/frame_light_small_left.png) repeat-y right;*/
}

.frame_light_big_right{
    /*background: url(../img/frame_light_big_right.png) repeat-y left;*/
}

.frame_shadow_right{
    /*background: url(../img/frame_shadow_right.png) repeat-y left;*/
}

.frame_light_small_right{
    /*background: url(../img/frame_light_small_right.png) repeat-y left;*/
}

#menu_top {
    height:200px; 
    width:100%;
    margin-bottom: 10px;
}

#menu_top a{
    text-decoration: none;
}

#menu_top div.item{
    position: relative;
    width: 200px;
}

#menu_top div.caption {
    position: absolute;
    bottom: -90px;
    color: #aaa;
    font-size: 20pt;
    font-family: Trebuchet MS;
    z-index: 2;
    text-shadow: 0px -1px 0px #555, 0px 1px 0px #eee;
}

#menu_top a:hover div.caption {
    bottom: -85px;
}

#menu_top a:active div.caption {
    color: #ccc;
}

#menu_top div.stand {
    position: absolute;
    width: 165px;
    height: 69px;
    top: 10px;
    left: 15px;
    background: url(../img/stand.png) no-repeat ;
    z-index: 0;
}

/* tooth */

#menu_top div.tooth_shadow {
    position: absolute;
    width: 103px;
    height: 119px;
    top: -75px;
    left: 65px;
    background: url(../img/tooth_shadow.png) no-repeat;
    z-index: 1;
}

#menu_top div.tooth {
    position: absolute;
    width: 76px;
    height: 92px;
    top: -65px;
    left: 55px;
    background: url(../img/tooth.png) no-repeat;
    z-index: 2;
}

#menu_top a:hover div.tooth {
    width: 110px;
    height: 112px;
    top: -83px;
    left: 35px;
    background: url(../img/tooth_light.png) no-repeat;
    z-index: 2;
}

/* money */

#menu_top div.money_shadow {
    position: absolute;
    width: 139px;
    height: 128px;
    top: -75px;
    left: 50px;
    background: url(../img/money_shadow.png) no-repeat;
    z-index: 1;
}

#menu_top div.money {
    position: absolute;
    width: 100px;
    height: 88px;
    top: -60px;
    left: 48px;
    background: url(../img/money.png) no-repeat;
    z-index: 2;
}

#menu_top a:hover div.money {
    width: 117px;
    height: 101px;
    top: -72px;
    left: 35px;
    background: url(../img/money_light.png) no-repeat;
    z-index: 2;
}

/* man */

#menu_top div.man_shadow {
    position: absolute;
    width: 113px;
    height: 143px;
    top: -85px;
    left: 50px;
    background: url(../img/man_shadow.png) no-repeat;
    z-index: 1;
}

#menu_top div.man {
    position: absolute;
    width: 92px;
    height: 102px;
    top: -75px;
    left: 50px;
    background: url(../img/man.png) no-repeat;
    z-index: 2;
}

#menu_top a:hover div.man {
    width: 108px;
    height: 103px;
    top: -75px;
    left: 42px;
    background: url(../img/man_light.png) no-repeat;
    z-index: 2;
}

/* book */

#menu_top div.book_shadow {
    position: absolute;
    width: 203px;
    height: 83px;
    top: -32px;
    left: 30px;
    background: url(../img/book_shadow.png) no-repeat;
    z-index: 1;
}

#menu_top div.book {
    position: absolute;
    width: 178px;
    height: 58px;
    top: -35px;
    left: 13px;
    background: url(../img/book.png) no-repeat;
    z-index: 2;
}

#menu_top a:hover div.book {
    width: 196px;
    height: 100px;
    top: -53px;
    left: -5px;
    background: url(../img/book_light.png) no-repeat;
    z-index: 2;
}

#menu {
    background: url(../img/glance_grey_line.png) repeat-x;
    height:40px;
}

#menu a {
    text-decoration: none;
}

#menu div.item{   
    padding: 10px 20px;
    font-size: 18px;
    font-family: Arial;
    color: #666;
}

#menu div.item:hover{   
    background: url(../img/glance_grey_line_selected.png) repeat-x;
    color: #fff;
}

td.n{
    background: url(../img/n.png) repeat-x;
}

td.e{
    background: url(../img/e.png) repeat-y;
}

td.s{
    background: url(../img/s.png) repeat-x;
}

td.w{
    background: url(../img/w.png) repeat-y;
}

td.c{
    background: #EBECEC;
}

#sale{
    position: relative;
    width: 100%;
    height: 220px;
}

#sale div.caption{
    text-align: center;
    top: 10px;
    font-size: 24pt;
    font-style: italic;
    font-weight: bold;
    font-family: Trebuchet MS;
    color:#fff;
    text-shadow: 0px -1px 0px #555;
}

#sale a{
    position: absolute; 
    text-decoration: none;
    color: #ddd;
    text-shadow: 0px -1px 0px #111;
    font-family: Trebuchet MS;
}

#sale a:active, #sale a div:active{
    color: #f55;
}

#sale a.tooth_big  div.tooth{
    position: absolute;
    width: 166px;
    height: 167px;
    top: 0px;
    left: -20px;
    background: url(../img/tooth_big.png) no-repeat 31px 27px;
}

#sale a.tooth_big div.shadow{
    position: absolute;
    width:156px;
    height: 181px;
    top: 10px;
    left:10px;
    background: url(../img/tooth_big_shadow.png);
}

#sale a.tooth_big:hover div.tooth{
    background: url(../img/tooth_big_light.png) no-repeat;
}

#sale a.tooth_big div.tooth div{
    position: absolute;
    top: 45px;
    left: 57px;
    font-size: 26pt;
}

#sale a.tooth div.tooth{
    position: absolute;
    width: 110px;
    height: 112px;
    top: -10px;
    left: 120px;
    background: url(../img/tooth.png) no-repeat 20px 18px;
}

#sale a.tooth div.shadow{
    position: absolute;
    width:80px;
    height: 92px;
    top: 0px;
    left: 140px;
    background: url(../img/tooth_shadow.png);
}

#sale a.tooth:hover div.tooth{
    background: url(../img/tooth_light.png) no-repeat;
}

#sale a.tooth div.tooth div{
    position: absolute;
    top: 25px;
    left: 35px;
    font-size: 20pt;
}

#sale a.tooth_small div.tooth{
    position: absolute;
    width: 110px;
    height: 112px;
    top: 80px;
    left: 200px;
    background: url(../img/tooth_small.png) no-repeat 16px 14px;
}

#sale a.tooth_small div.shadow{
    position: absolute;
    width:80px;
    height: 92px;
    top: 90px;
    left: 220px;
    background: url(../img/tooth_small_shadow.png);
}

#sale a.tooth_small:hover div.tooth{
    background: url(../img/tooth_small_light.png) no-repeat;
}

#sale a.tooth_small div.tooth div{
    position: absolute;
    top: 22px;
    left: 34px;
    font-size: 16pt;
}

.right_panel input[type=text], .right_panel textarea{
    width: 250px;
    font-family: Arial;
    font-size: 10pt;
    color: #000;
    background: url(../img/input_bg.png) repeat-x white;
    border: 1px solid #bbb;
    border-radius: 2px;
}

.right_panel input[type=text]{
    height: 18px;
}

.right_panel input[type=submit] {
    width:162px;
    height: 24px;
    background: url(../img/button_grey.png) no-repeat;
    border: 0px;
    margin: 10px 0px 0px 88px;
    font-family: Arial;
    font-size: 10pt;
    color: #555;
}

.right_panel input[type=submit]:active {
    background: url(../img/button_grey_selected.png) no-repeat;
}

.right_panel p{
    font-family: Arial;
    font-size: 10pt;
    text-indent: 0px;
    text-align: left;
    color: #777;
    margin: 4px 0px 2px 0px;
    font-weight: bold;
}

.right_panel span.hint{
    font-family: Arial;
    font-size: 9pt;
    text-align: justify;
    color: #aaa;
    margin: 4px 0px 2px 0px;
}

textarea {
    max-width: 250px;
}

div.bottom_caption_left{
    margin: 10px;
    font-family: Arial;
    font-size: 9pt;
    text-align: left;
    color: #999;
    float: left;
}

div.bottom_caption_right{
    margin: 10px;
    font-family: Arial;
    font-size: 9pt;
    text-align: left;
    color: #999;
    float:right;
}

table#price_table td{
    padding:5px;
    font-family: Arial;
    font-size: 10pt;
    color: #555;
}

.current p, .current h1, .current h2, .current div{
    color: green;  
}

.current span {
    color: #1E5239;
}

.past span {
    color: #555;
}

.left_share {
    position: relative;
    float: left;
    width:64px;
}

.left_share p {
    text-indent: 0px;
    text-align: center;
}

.past .plate{
    background: url(../img/past_share_plate.png) no-repeat;
}

.current .plate{
    background: url(../img/current_share_plate.png) no-repeat;
}

.plate {
    position: relative;
    width:64px;
    height: 40px;
    text-align: center;
    font-size: 22pt;
    font-family: Trebuchet MS;
}

.past .right_share {
    border-left: 1px solid #555;
}

.current .right_share {
    border-left: 1px solid green;
}

.right_share {
    position: relative;
    margin-left: 79px;
    padding-left: 15px;
}

.panel_share {
    position: relative;
    background: url(../img/share_big_plate.png) no-repeat 50% 100%;
    height: 200px;
    width: 300px;
}

.panel_share h1{
    color: green;
    text-shadow: 0px 1px 0px #efe, 0px -1px 0px #030;
}

.panel_share div{
    font-family: Trebuchet MS;
    color: #1E5239;
    text-align: center;
}

.panel_share .caption1 {
    font-size: 14pt;
    padding-top: 10px;
}

.panel_share .caption2 {
    font-size: 42pt;
}

.panel_share .caption3 {
    font-size: 14pt;
}

a.share div {
    font-size: 12pt;
    text-align: center;
    margin-bottom: 30px;
}



